<script src="js/jquery-latest.pack.js" type="text/javascript"></script>
<script src="js/jcarousellite_1.0.1c4.js" type="text/javascript"></script>
<link rel="stylesheet" href="css/style_sheet.css" type="text/css" media="screen" />
<script type="text/javascript">
$(document).ready(function(){
	$(".jcarouse").jCarouselLite({  // Lấy class của ul và gọi hàm jCarouselLite() trong thư viện
		vertical: true,				// chạy theo chiều dọc
		hoverPause:true,			// Hover vào nó sẽ dừng lại
		visible:2,					// Số bài viết cần hiện
		auto:2500,					// Tự động scroll
		speed:1500					// Tốc độ scroll
	});
});
</script>

<div id="danhmuc-header">
    SẢN PHẨM MỚI
</div>
<div class="jcarouse" style="background: #f6f6f6;">
    <ul>
        <?php
        $sql="SELECT * FROM tbl_sanpham WHERE noibat = 1 LIMIT 12";
        $result=mysql_query($sql);
        while($row=mysql_fetch_array($result))
        {
        ?>
                <li>
                    <div class="thumb">
                        <img src="uploads/<?php echo $row['anhsp'];?>" style="width:180px; margin-left:7px; height:150px; margin-top:10px; border: 3px solid #B8C4CF"/>
                    </div>
                    <div class="info">
                        <a href="index.php?page=san-pham&act=chi-tiet&id=<?php echo $row['id'];?>" style="font-size:12px;margin-top:8px;color: #333;font-family: Tahoma, Geneva, sans-serif;font-weight:bold; text-transform:uppercase">
                            <?php echo $row['sanpham'];?>
                        </a>
                    </div>
                    
                </li>
        <?php
        }
        ?>
               
          
    </ul>
</div>
